<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <h:head>

        <title>Sell-Bost_Noticias</title>
        <link rel="stylesheet" href="css/layout.css" type="text/css" />
    </h:head>


    <body id="top">
        <div class="wrapper">
            <div id="header">
                <div id="logo">
                    <img src="Images/logo.jpg" align="left" style="margin: 10px 10px 0px 10px"/>
                    <h1><a href="#">Sell-Boost</a></h1>
                    <p>D.H.D. Software</p>
                </div>
                <div id="topnav">
                    <ul>
                        <li class="active"><a href="index.xhtml">Salir</a></li>                       
                    </ul>
                </div>
                <br class="clear" />
            </div>
        </div>


        <div class="wrapper">
            <div style="margin: 10px 155px 10px 155px">
                <p:panel>  
                    <f:facet name="header">  
                        <center><h3>Noticias</h3></center>
                    </f:facet> 
                    <h:panelGroup rendered="#{loginBean.loggedIn}">
                        <li>Bienvenido:
                            #{loginBean.other.nombre} </li>  
                        <li>Empresa:
                            #{loginBean.other.empresa} </li> 
                        <li>Rol:
                            #{loginBean.other.rol}</li>
                    </h:panelGroup>

                    <h3><h:outputText value="#{otroRolBean.empresa}" /> </h3>
                    <ul>
                        <li>Bienvenido: </li>
                        <li><h:outputText value="#{otroRolBean.nombre}"/> </li>                       
                    </ul>
                    <center>
                        <p:carousel id="tabsCarousel" rows="1" itemStyle="height:250px;width:600px;" effect="easeInStrong">  
                            <p:tab title="Noticia 1">  
                                <h:panelGrid columns="2" cellpadding="10">  
                                    <p:graphicImage value="/Images/noticias/noticia1.jpg" height="200" width="250"/>  
                                    <h:outputText  
                                        value="El éxito de las empresas depende, en gran medida, de la compenetración, 
                                        comunicación y compromiso que pueda existir entre sus empleados. Cuando éstos 
                                        trabajan en equipo, las actividades fluyen de manera más rápida y eficiente. 
                                        Sin embargo, no es fácil que los miembros de un mismo grupo se entiendan entre 
                                        sí con el objeto de llegar a una conclusión final." />  
                                </h:panelGrid>  
                            </p:tab>  
                            <p:tab title="Noticia 2">  
                                <h:panelGrid columns="2" cellpadding="10">  
                                    <p:graphicImage value="/Images/noticias/noticia2.jpg" height="200" width="250"/>  
                                    <h:outputText value="Sea cual sea el tamaño de una empresa, la planeación es fundamental para
                                                  el éxito de ésta, ya que sirve como base para las demás funciones administrativas
                                                  (organización, coordinación y control), y permite reducir la incertidumbre y minimizar los riesgos.."/>  
                                </h:panelGrid>  
                            </p:tab>  
                            <p:tab title="Noticia 3">  
                                <h:panelGrid columns="2" cellpadding="10">  
                                    <p:graphicImage value="/Images/noticias/noticia3.jpg" height="200" width="250"/>  
                                    <h:outputText value="¿Necesita ganar dinero? ¿Busca libertad económica? ¿Busca las mejores ideas para invertir? Entonces 
                                                  está en el sitio correcto.
                                                  En nuestra empresa nos damos a la tarea de brindar toda la información necesaria para que 
                                                  usted encuentre la mejor opción para ganar dinero desde casa." />  
                                </h:panelGrid>  
                            </p:tab>  
                        </p:carousel>  
                    </center>

                </p:panel>
                <br class="clear"/>
            </div> 
        </div>


        <div class="wrapper">
            <div id="footer">
                <div id="newsletter">
                    <h2>¡ Contáctenos !</h2>
                    <p>Por favor ingrese su correo para agregarlo a nuestra lista de E-mails</p>
                    <form action="#" method="post">
                        <fieldset>
                            <legend>News Letter</legend>
                            <input type="text" value="Ingrese su correo aca&hellip;"  onfocus="this.value=(this.value=='Enter Email Here&hellip;')? '' : this.value ;" />
                            <input type="submit" name="news_go" id="news_go" value="IR" />
                        </fieldset>
                    </form>
                    <p>Para anular la suscripción <a href="#">click aqui por favor &raquo;</a></p>
                </div>
                <div class="footbox">
                    <h2>Conózcanos</h2>
                    <ul>
                        <li><a href="https://sites.google.com/site/desarrollohdigitales/home">D.H.D.</a></li> 
                        <li><a href="https://sites.google.com/site/desarrollohdigitales/la-empresa">La empresa</a></li> 
                        <li><a href="https://sites.google.com/site/desarrollohdigitales/the-team">Grupo de trabajo</a></li> 
                        <li><a href="https://sites.google.com/site/desarrollohdigitales/Definicin-del-Proyecto">El proyecto</a></li> 
                    </ul>
                </div>
                <br class="clear" />
            </div>
        </div>
        <div class="wrapper">
            <div id="copyright">
                <p class="fl_left">Copyleft 2012 <a href="#">Sell-Boost</a></p>
                <p class="fl_right">Template by <a href="http://www.os-templates.com/" title="Free Website Templates">OS Templates</a></p>
                <br class="clear" />
            </div>
        </div>
    </body>
</html>